import React, { memo } from "react";
import classnames from "classnames";

import "./index.scss";
import { getSizeImage } from "@/utils/format-utils";

const WYArtistItemV1 = memo(function (props) {
  const { info, index } = props;

  return (
    <div className="wy-artist-item-v1">
      {index < 10 && (
        <div className="image">
          <img src={getSizeImage(info.img1v1Url, 130)} alt="" />
        </div>
      )}
      <div className={classnames("info", index > 9 ? "info-later" : "")}>
        <span className="name">{info.name}</span>
        <i className="sprite_icon2 icon"></i>
      </div>
    </div>
  );
});

export default WYArtistItemV1;
